<template>
  <Modal v-model="modal" :title="title" width="260">
    <p slot="header" >
      <Icon type="ios-information-circle"></Icon>
      <span>经销商详情</span>
    </p>
    <ul class="min-h200">
      <li v-for="(item, index) in bargainSelected" :key="index">{{item.value}}</li>
    </ul>
    <div slot="footer">
      <Button  size="large" type="text"  @click="onAgreeCancel">取消</Button>
      <Button type="primary" size="large"   @click="onAgree">确认</Button>
    </div>
  </Modal>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
  data() {
    return {
      modal: false,
      title: ''
    }
  },
  methods:{
    onAgreeCancel() {
      this.modal = false
    },
    onAgree() {
      this.modal = false
    }
  },
  computed: {
    ...mapGetters([
      'bargainSelected'
    ])
  }
}
</script>
